
.grid-container{
  margin-left: -5px;
  margin-right: 0;
  margin-bottom: 5px;
  .grid{
    border-spacing: 5px 0;
  }
}

.grid{
  display: table;
  width: 100%;
  table-layout: fixed;
	.col{
		vertical-align: top;
	}
  &.align-middle{
    .col{vertical-align: middle}
  }
  &.align-bottom{
    .col{vertical-align: bottom}
  }
  &.grid-flexible{
    table-layout: auto;
  }
}

.grid + .grid{
  margin-top: 5px;
}

.col{
  display: table-cell;
  >label{
    margin: 0;
  }
}

.col-minimal{
  width: 1%;
}
.col-1-12 { width: 8.333333%; }
.col-2-12 { width: 16.666667%; }
.col-3-12 { width: 25%; }
.col-4-12 { width: 33.333333%; }
.col-5-12 { width: 41.666667%; }
.col-6-12 { width: 50%; }
.col-7-12 { width: 58.333333%; }
.col-8-12 { width: 66.666667%; }
.col-9-12 { width: 75%; }
.col-10-12 { width: 83.333333%; }
.col-11-12 { width: 91.666667%; }
